<!DOCTYPE html>
<html>
<head>
<title>Products</title>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<link href="./view/shop/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="./view/shop/css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="./view/shop/css/form.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="./view/shop/js/jquery.min.js"></script>
<script type="text/javascript" src="./view/shop/js/bootstrap-3.1.1.min.js"></script>
<script type="text/javascript" src="./view/shop/js/shop.js"></script>
<!-- //js -->
<!-- cart -->
<script src="./view/shop/js/simpleCart.min.js"> </script>
<!-- cart -->
<!-- the jScrollPane script -->
<script type="text/javascript" src="./view/shop/js/jquery.jscrollpane.min.js"></script>
        <script type="text/javascript" id="sourcecode">
            $(function()
            {
                $('.scroll-pane').jScrollPane();
            });
        </script>
<!-- //the jScrollPane script -->
<script type="text/javascript" src="./view/shop/js/jquery.mousewheel.js"></script>
<script defer src="./view/shop/js/jquery.flexslider.js"></script>
<link rel="stylesheet" href="./view/shop/css/flexslider.css" type="text/css" media="screen" />
<script>
    // Can also be used with $(document).ready()
    $(window).load(function() {
      $('.flexslider').flexslider({
        animation: "slide",
        controlNav: "thumbnails"
      });
    });
</script>

<!-- the mousewheel plugin -->
</head>
<body>
    <!--header-->
    <div class="header">
        <div class="container">
            <nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <h1 class="navbar-brand"><a  href="shop.php">Yummy</a></h1>
                </div>
                <!--navbar-header-->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="shop.php" class="active">Home</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">By Relation<b class="caret"></b></a>
                            <ul class="dropdown-menu multi-column columns-4">
                                <div class="row">
                                    <div class="col-sm-3">
                                        <ul class="multi-column-dropdown">
                                            <li><a class="list" href="products.php?id=01">Friend</a></li>
                                            <li><a class="list" href="products.php?id=02">Lover</a></li>
                                            <li><a class="list" href="products.php?id=03">Sister</a></li>
                                            <li><a class="list" href="products.php?id=04">Brother</a></li>
                                            <li><a class="list" href="products.php?id=05">Kids</a></li>
                                            <li><a class="list" href="products.php?id=06">Parents</a></li>
                                        </ul>
                                    </div>

                                </div>
                            </ul>
                        </li>
                       <li class="dropdown grid">
                            <a href="#" class="dropdown-toggle list1" data-toggle="dropdown">By Flavour<b class="caret"></b></a>
                            <ul class="dropdown-menu multi-column columns-4">
                                <div class="row">
                                    <div class="col-sm-3">
                                        <ul class="multi-column-dropdown">
                                            <li><a class="list" href="products.php?id=11">Chocolate</a></li>
                                            <li><a class="list" href="products.php?id=12">Mixed Fruit</a></li>
                                            <li><a class="list" href="products.php?id=13">Butterscotch</a></li>
                                            <li><a class="list" href="products.php?id=14">Strawberry</a></li>
                                            <li><a class="list" href="products.php?id=15">Vanilla</a></li>
                                            <li><a class="list" href="products.php?id=16">Eggless Cakes</a></li>
                                        </ul>
                                    </div>

                                </div>
                            </ul>
                        </li>
                        <li class="dropdown grid">
                            <a href="#" class="dropdown-toggle list1" data-toggle="dropdown">By Theme <b class="caret"></b></a>
                            <ul class="dropdown-menu multi-column columns-4">
                                <div class="row">

                                    <div class="col-sm-3">
                                        <ul class="multi-column-dropdown">
                                            <li><a class="list" href="products.php?id=21">Heart shaped</a></li>
                                            <li><a class="list" href="products.php?id=22">Cartoon Cakes</a></li>
                                            <li><a class="list" href="products.php?id=23">2-3 Tier Cakes</a></li>
                                            <li><a class="list" href="products.php?id=24">Square shape</a></li>
                                            <li><a class="list" href="products.php?id=25">Round shape</a></li>
                                            <li><a class="list" href="products.php?id=26">Photo cakes</a></li>
                                        </ul>
                                    </div>

                                </div>
                            </ul>
                        </li>
                        <li class="dropdown grid">
                            <a href="#" class="dropdown-toggle list1" data-toggle="dropdown">Specials<b class="caret"></b></a>
                            <ul class="dropdown-menu multi-column columns-4">
                                <div class="row">

                                    <div class="col-sm-3">
                                        <ul class="multi-column-dropdown">
                                            <li><a class="list" href="products.php?id=31">Ice cream cake</a></li>
                                            <li><a class="list" href="products.php?id=32">Swiss roll</a></li>
                                            <li><a class="list" href="products.php?id=33">Ruske kape</a></li>
                                            <li><a class="list" href="products.php?id=34">Cupcakes</a></li>
                                            <li><a class="list" href="products.php?id=35">Muffin</a></li>
                                            <li><a class="list" href="products.php?id=36">Merveilleux</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </ul>
                        </li>
                    </ul>
                    <!--/.navbar-collapse-->
                </div>
                <!--//navbar-header-->
            </nav>
            <div class="header-info">
                <div class="header-right search-box">
                    <a href="#"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></a>
                    <div class="search">
                        <form class="navbar-form">
                            <input type="text" class="form-control">
                            <button type="submit" class="btn btn-default" aria-label="Left Align">
                                Search
                            </button>
                        </form>
                    </div>
                </div>
                <div class="header-right login">
                    <a href="#"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></a>
                    <div id="loginBox">
                        <form id="loginForm">
                            <fieldset id="body">
                                <fieldset>
                                    <label for="email">Email Address</label>
                                    <input id='user' type="text" name="email" id="email">
                                </fieldset>
                                <fieldset>
                                    <label id='password' for="password">Password</label>
                                    <input type="password" name="password" id="passwd">
                                </fieldset>
                                <input type="submit" id="login" value="Sign in" >
                                <label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
                            </fieldset>
                            <p id='newuser'>New User ? <a class="sign" href="account.php">Sign Up</a> <span><a href="#">Forgot your password?</a></span></p>
                        </form>
                    </div>
                </div>
                <div class="header-right cart">
                    <a href="#"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span></a>
                    <div class="cart-box">
                        <h4>
                        <a href="checkout.php">
                            <span class="simpleCart_total"> ¥0.00 </span> (<span id="simpleCart_quantity" class="simpleCart_quantity"> 0 </span>)
                        </a>
                        </h4>
                        <p><a href="javascript:;" class="simpleCart_empty">Empty cart</a></p>
                        <div class="clearfix"> </div>
                    </div>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>